import ComponentTypes from './ComponentTypes'
import { IChartInfo } from 'containers/Widget/components/Widget'
const carousel: IChartInfo = {
  id: ComponentTypes.Carousel,
  name: 'carousel',
  title: '轮播表',
  icon: 'icon-rounded-rect',
  coordinate: 'cartesian',
  rules: [{ dimension: [0, 9999], metric: 1 }, { dimension: 0, metric: [2, 9999] }],
  dimetionAxis: 'col',
  data: {
    cols: {
      title: '列',
      type: 'category'
    },
    rows: {
      title: '行',
      type: 'category'
    },
    metrics: {
      title: '指标',
      type: 'value'
    },
    filters: {
      title: '筛选',
      type: 'all'
    },
  },
  style: {
    carousel:{
      rowNum: 5,
      headerBGC: '#00BAFF',
      oddRowBGC: '#003B51',
      evenRowBGC: '#0A2732',
      waitTime: '2000',
      headerHeight: 40,
      columnWidth: '50',
      align : 'center',
      index : true , 
      indexHeader : '#',
      carousels: 'single',
      hoverPause : true,
      height: 240,
      color:'#fff',
      width: 540
    }
    // rowNum	表行数	Number	---	5
    // headerBGC	表头背景色	String	---	'#00BAFF'
    // oddRowBGC	奇数行背景色	String	---	'#003B51'
    // evenRowBGC	偶数行背景色	String	---	#0A2732
    // waitTime	轮播时间间隔(ms)	Number	---	2000
    // headerHeight	表头高度	Number	---	35
    // columnWidth	列宽度	Array<Number>	[1]	[]
    // align	列对齐方式	Array<String>	[2]	[]
    // index	显示行号	Boolean	true|false	false
    // indexHeader	行号表头	String	-	'#'
    // carousel	轮播方式	String	'single'|'page'	'single'
    // hoverPause	悬浮暂停轮播	Boolean	---	true
  }
}

export default carousel
